// 去注册  点击事件 
$("#goto-register").click(function () {

  // 
  $("#register").show();
  $("#login").hide();

});

// goto-login
$("#goto-login").click(function () {

  // 
  $("#register").hide();
  $("#login").show();

});


let layer = layui.layer;
let form = layui.form;
// 验证需求 
// 1. 用户名,密码,重复密码不能为空! 回到html结构增加属性 样式名  lay-verify=""
// 2. 密码,重复密码  长度6-12位,且不能出现空格,  非空字符: \S
// 3. 密码 和重复密码必须一致

// 正则:
form.verify({
  // 自定义名称
  changdu: function (value, item) {
    let reg = /^\S{6,12}/;
    if (reg.test(value) == false) {
      return "密码不符合要求"
    }
  },
  same: function (value, item) {
    // value:重新输入密码值
    // 第一次输入的密码: item? $("#pwd").val();
    if (value != $("#pwd").val()) {
      return "两次密码输入不一样"
    }

  }
  // 正则是一个对象,不是字符串
  // changdu1: [/^\S{6,12}/, "密码不符合要求"]
});



// 基本注册
// 1.获取元素
$("#register form").on("submit", function (e) {
  e.preventDefault();


  // 2.收集数据
  let data = $(this).serialize();
  // console.log(data);
  // 3.提交数据
  $.ajax({
    url: "/api/reguser",
    type: "post",
    data: data,
    success: function (res) {
      layer.msg(res.message);
    }
  })
})





// 登录
// 1.注册事件
$("#login form").on("submit", function (e) {
  e.preventDefault();

  // 2.收集数据
  let data = $(this).serialize();

  // 3.提交
  $.ajax({
    url: "/api/login",
    type: "POST",
    data: data,
    success: function (res) {
      layer.msg(res.message);
      console.log(res);

      if (res.status == 0) {
        // 业务设计:
        // 页面怎么跳转
        window.location.href = "/index.html";
        // token值: /my路径请求头设置带上Authorization token值
        // 存起来
        localStorage.setItem("token", res.token);
      }
    }
  })
})
